import React,{Component} from 'react';
import  { Input,Tooltip,Button,Icon } from 'antd';
import "./WtBooks.css"

class WtSearchBooks extends Component {
    constructor(props) {
        super(props)
        this.state = {
            data: [],
            value: undefined,
        };
    }
    handleSearch =()=>{
        this.props.handleSearch(this.state.value);
    };

    render() {
        return (
            <div>
                <div style={{float:'right'}}>
                    <Input
                           className="searchInput"
                           placeholder={'请输入要搜索的信息'}
                           onChange={(e) => {this.setState({value:e.target.value})}}
                    >
                    </Input>
                    <Tooltip title="模糊查询">
                        <Button type="primary" shape="circle" icon="search" onClick={this.handleSearch}/>
                    </Tooltip>
                    <Tooltip title="批量借阅">
                        <Button style={{marginLeft:6}} shape="circle" icon="bars" onClick={{}}/>
                    </Tooltip>
                </div>
            </div>
        );
    }

}
export default WtSearchBooks
